//----------------------------数据回填----------------------
/*
只要是修改操作,全都需要数据回填
数据回填,就是获取到原来的数据,设置输入框的额默认值即可
*/
function renderUser() {
  //获取用户的数据,设置输入框的默认值
  axios.get('/my/user/userinfo').then(res => {
    /*
    let { username, nickname, email } = res.data.data
    $('input[name = username]').val(username)
    $('input[name = nickname]').val(nickname)
    $('input[name = email]').val(email)
    */
    let form = layui.form
    form.val('abc', res.data.data)
  })
}
renderUser()

//----------------------------完成修改----------------------
$('form').on('submit', function (e) {
  e.preventDefault();
  let data = $(this).serialize()
  axios.post(`/my/user/userinfo`, data).then(res => {
    let { status, message } = res.data;
    if (status === 0) {
      layer.msg(message);
      // 父页面封装了获取用户信息，设置头像和欢迎语的函数
      // 子页面调用父页面的全局函数、变量等，需要通过 window.parent 来调用
      // 这个语法，只能在真实服务器环境中使用，即必须使用live server打开页面
      window.parent.getUserInfo();
    }
  })
})

$('button:contains("重置")').on('click', function (e) {
  e.preventDefault();
  renderUser(); // 调用renderUser()，为表单重新赋值，就可以恢复成原样
});
